﻿function SuaChuDe(obj, e) {
    e = e || window.event;
    e.preventDefault();

    //Lấy đối tượng chứa button
    var $doiTuongChuaNutNhan = $(obj).parents('td');

    //Ẩn tên chủ đề    
    var $doiTuongChuaTenChuDe = $doiTuongChuaNutNhan.prev();
    $doiTuongChuaTenChuDe.hide();
    //Thêm textbox
    $doiTuongChuaTenChuDe.parents('tr').prepend('<td><input class="tenChuDe"></td>');

    //Khởi tạo 2 button mới
    var $newBtn = '<a href="" class="luu-chu-de" data-value="' + $(obj).attr('data-value') + '"  onclick="LuuChuDe(this)">Lưu</a> | <a href="" class="huy-chu-de" data-value="' + $(obj).attr('data-value') + '" onclick="HuyChuDe(this)">Huỷ</a>';

    //Thay thế 2 button cũ
    $doiTuongChuaNutNhan.html($newBtn);    
}

function LuuChuDe(obj, e) {
    e = e || window.event;
    e.preventDefault();

    //Lấy tên chủ đề và mã chủ đề
    var $tenChuDe = $(obj).parents('tr').find('.tenChuDe').val();
    var $maChuDe = $(obj).attr('data-value');
    
    _ajax(
            '/ChuDe/XuLyCapNhatChuDe',
            { maChuDe: $maChuDe, tenChuDe: $tenChuDe },
            'POST',
            'text',
            function (data) {
                if (data == "OK") {
                    //Hiện lại tên chủ đề
                    var $doiTuongChuaTenChuDe = $(obj).parents('td').prev();
                    $doiTuongChuaTenChuDe.show();
                    $doiTuongChuaTenChuDe.html($tenChuDe);
                    //Xoá textbox
                    $doiTuongChuaTenChuDe.prev().remove();
                    //Phục hồi 2 button cũ
                    var $oldBtn = '<a href="" class="sua-chu-de" data-value="' + $(obj).attr('data-value') + '" onclick="SuaChuDe(this)">Sửa</a> | <a href="" class="xoa-chu-de" data-value="' + $(obj).attr('data-value') + '" onclick="XoaChuDe(this)">Xoá</a>';
                    //Thay thế 2 button
                    $(obj).parents('td').html($oldBtn);
                }
                else {
                    thongBaoLoi(data);
                }
            },
            thongBaoLoi,
            '',
            'ChuDe - CapNhatChuDe'
        );    
}

function HuyChuDe(obj, e) {
    e = e || window.event;
    e.preventDefault();

    //Lấy đối tượng chứa button
    var $doiTuongChuaNutNhan = $(obj).parents('td');

    //Xoá textbox và hiện lại tên chủ đề
    var $doiTuongChuaTenChuDe = $doiTuongChuaNutNhan.prev();
    $doiTuongChuaTenChuDe.show();
    $doiTuongChuaTenChuDe.prev().remove();
    
    //Phục hồi 2 button cũ
    var $oldBtn = '<a href="" class="sua-chu-de" data-value="' + $(obj).attr('data-value') + '" onclick="SuaChuDe(this)">Sửa</a> | <a href="" class="xoa-chu-de" data-value="' + $(obj).attr('data-value') + '" onclick="XoaChuDe(this)">Xoá</a>';

    //Thay thế 2 button
    $doiTuongChuaNutNhan.html($oldBtn);
}

function XoaChuDe(obj, e) {
    e = e || window.event;
    e.preventDefault();

    if (!confirm('Bạn có chắc xóa?')) {
        return;
    }    

    _ajax(
            '/ChuDe/XuLyXoaChuDe/',
            { ma: $(obj).attr('data-value') },
            'POST',
            'text',
            function (data) {
                if (data == 'OK') {
                    tatDoiTuong_Cao($(obj).parents('.muc-chu-de')[0]);
                }
                else {
                    thongBaoLoi(data);
                }
            },
            thongBaoLoi,
            '',
            'ChuDe - XoaChuDe'
        );
}